@{
    ViewBag.Title = "Carousel";
}
<h3>Carousel</h3>
<!-- START carousel-->
<div id="carousel-example-captions" data-ride="carousel" class="carousel slide">
   <ol class="carousel-indicators">
      <li data-target="#carousel-example-captions" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-captions" data-slide-to="1"></li>
      <li data-target="#carousel-example-captions" data-slide-to="2"></li>
   </ol>
   <div role="listbox" class="carousel-inner">
      <div class="item active">
         <img src="//placekitten.com/1920/600" alt="First slide image" />
         <div class="carousel-caption">
            <h3>First slide label</h3>
            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
         </div>
      </div>
      <div class="item">
         <img src="//placekitten.com/1920/600" alt="Second slide image" />
         <div class="carousel-caption">
            <h3>Second slide label</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
         </div>
      </div>
      <div class="item">
         <img src="//placekitten.com/1920/600" alt="Third slide image" />
         <div class="carousel-caption">
            <h3>Third slide label</h3>
            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
         </div>
      </div>
   </div>
   <a href="#carousel-example-captions" role="button" data-slide="prev" class="left carousel-control">
      <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
   </a>
   <a href="#carousel-example-captions" role="button" data-slide="next" class="right carousel-control">
      <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
   </a>
</div>
<!-- END carousel-->

@section Styles {

}
@section Scripts {

}
